/*这是页面构建wangEditor富文本编辑器的代码*/
var E = window.wangEditor;
var editor = new E('#editor-toolbar', '#editor-text');
editor.customConfig.uploadFileName = 'uploadFile';//图片上传的请求名
editor.customConfig.uploadImgServer = '/upload.action'; // 使用 base64 保存图片  // 上传图片到服务器
//将图片大小限制为 3M
editor.customConfig.uploadImgMaxSize = 3 * 1024 * 1024;
var $text1 = $('#text1');
editor.customConfig.onchange = function(html) {
	// 监控变化，同步更新到 textarea
	$text1.val(html);
	//将文字取出放入 
}
editor.customConfig.menus = [
	'head', // 标题
	'bold', // 粗体
	'fontSize', // 字号
	'fontName', // 字体
	'italic', // 斜体
	'underline', // 下划线
	'strikeThrough', // 删除线
	'foreColor', // 文字颜色
	'backColor', // 背景颜色
	'link', // 插入链接
	'list', // 列表
	'justify', // 对齐方式
	'quote', // 引用
	'emoticon', // 表情
	'image', // 插入图片
	'table', // 表格
	'code', // 插入代码
	'undo', // 撤销
	'redo' // 重复
];
editor.customConfig.colors = [ //配置颜色
	'#4F4F4F',
	'#F33B45',
	'#FFBB66',
	'#BFB500',
	'#86CA5E',
	'#E579B6',
	'#3399EA',
	'#7C79E5'
];
editor.customConfig.zIndex = 1; //设置编辑区的z-index
editor.create();

/**
 * 从这里开始是全屏功能的实现
 */

// 获取使用到的元素
var toolbarContaner = document.getElementById('toolbar-container');
var editorText = document.getElementById('editor-text');
var cover = document.getElementById('cover');
var container = document.getElementById('container');

// 全屏事件
function doFullScreen() {
	cover.style.display = 'block'
	editorText.style.height = '600px';
	cover.appendChild(toolbarContaner)
	cover.appendChild(editorText)
}

// 退出全屏事件
function unDoFullScreen() {
	container.appendChild(toolbarContaner)
	container.appendChild(editorText)
	editorText.style.height = '400px';
	cover.style.display = 'none'
}

// 是否是全屏的标志
var isFullScreen = false;

// 点击事件
var btn1 = document.getElementById('fullScreenBtn')
btn1.addEventListener('click', function() {
	if (isFullScreen) {
		isFullScreen = false
		unDoFullScreen()
	} else {
		isFullScreen = true
		doFullScreen()
	}
}, false);
/**
 * 全屏功能实现完成
 */

/**
 * 这里开始实现图片上传功能
 */
editor.customConfig.uploadImgHooks = {
	success : function(xhr, editor, result) {
		// 图片上传并返回结果，图片插入成功之后触发
		// xhr 是 XMLHttpRequst 对象，editor 是编辑器对象，result 是服务器端返回的结果
		console.log(result.data[0]);
	}
};



function yuanma() {
	var str = editor.txt.html();
	alert("源码请看控制台");
	console.info(str);
}
